﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link href="../sample.css" rel="stylesheet" type="text/css" />
    
    <link href="../../Content/smoothness/jquery-ui.css" rel="stylesheet" type="text/css" />

    <script src="../../Scripts/jquery-1.6.2.min.js" type="text/javascript"></script>

    <script src="../../Scripts/jquery-ui/jquery-ui.min.js" type="text/javascript"></script>

    <link href="../../Scripts/PodMenu/ui.iPodMenu.css" rel="stylesheet" type="text/css" />
    <script src="../../Scripts/PodMenu/ui.iPodMenu.js" type="text/javascript"></script>

    <script type="text/javascript">
$(document).ready(function(){
    $("#aaa").iPodMenu({width: 400});
        
});
    </script>

</head>
<body>
    <a id="podMenu">选择</a>
    <ul id="aaa">
        <li><a href="#">Breaking News</a>
            <ul>
                <li><a href="#">Entertainment</a></li>
                <li><a href="#">Politics</a></li>
                <li><a href="#">A&amp;E</a></li>
                <li><a href="#">Sports</a>
                    <ul>
                        <li><a href="#">Baseball</a></li>
                        <li><a href="#">Basketball</a></li>
                        <li><a href="#">A really long label would wrap nicely as you can see</a></li>
                        <li><a href="#">Swimming</a>
                            <ul>
                                <li><a href="#">High School</a></li>
                                <li><a href="#">College</a></li>
                                <li><a href="#">Professional</a>
                                    <ul>
                                        <li><a href="#">Mens Swimming</a>
                                            <ul>
                                                <li><a href="#">News</a></li>
                                                <li><a href="#">Events</a></li>
                                                <li><a href="#">Awards</a></li>
                                                <li><a href="#">Schedule</a></li>
                                                <li><a href="#">Team Members</a></li>
                                                <li><a href="#">Fan Site</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="#">Womens Swimming</a>
                                            <ul>
                                                <li><a href="#">News</a></li>
                                                <li><a href="#">Events</a></li>
                                                <li><a href="#">Awards</a></li>
                                                <li><a href="#">Schedule</a></li>
                                                <li><a href="#">Team Members</a></li>
                                                <li><a href="#">Fan Site</a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                </li>
                                <li><a href="#">Adult Recreational</a></li>
                                <li><a href="#">Youth Recreational</a></li>
                                <li><a href="#">Senior Recreational</a></li>
                            </ul>
                        </li>
                        <li><a href="#">Tennis</a></li>
                        <li><a href="#">Ice Skating</a></li>
                        <li><a href="#">Javascript Programming</a></li>
                        <li><a href="#">Running</a></li>
                        <li><a href="#">Walking</a></li>
                    </ul>
                </li>
                <li><a href="#">Local</a></li>
                <li><a href="#">Health</a></li>
            </ul>
        </li>
        <li><a href="#">Entertainment</a>
            <ul>
                <li><a href="#">Celebrity news</a></li>
                <li><a href="#">Gossip</a></li>
                <li><a href="#">Movies</a></li>
                <li><a href="#">Music</a>
                    <ul>
                        <li><a href="#">Alternative</a></li>
                        <li><a href="#">Country</a></li>
                        <li><a href="#">Dance</a></li>
                        <li><a href="#">Electronica</a></li>
                        <li><a href="#">Metal</a></li>
                        <li><a href="#">Pop</a></li>
                        <li><a href="#">Rock</a>
                            <ul>
                                <li><a href="#">Bands</a>
                                    <ul>
                                        <li><a href="#">Dokken</a></li>
                                    </ul>
                                </li>
                                <li><a href="#">Fan Clubs</a></li>
                                <li><a href="#">Songs</a></li>
                            </ul>
                        </li>
                    </ul>
                </li>
                <li><a href="#">Slide shows</a></li>
                <li><a href="#">Red carpet</a></li>
            </ul>
        </li>
        <li><a href="#">Finance</a>
            <ul>
                <li><a href="#">Personal</a>
                    <ul>
                        <li><a href="#">Loans</a></li>
                        <li><a href="#">Savings</a></li>
                        <li><a href="#">Mortgage</a></li>
                        <li><a href="#">Debt</a></li>
                    </ul>
                </li>
                <li><a href="#">Business</a></li>
            </ul>
        </li>
        <li><a href="#">Food &#38; Cooking</a>
            <ul>
                <li><a href="#">Breakfast</a></li>
                <li><a href="#">Lunch</a></li>
                <li><a href="#">Dinner</a></li>
                <li><a href="#">Dessert</a>
                    <ul>
                        <li><a href="#">Dump Cake</a></li>
                        <li><a href="#">Doritos</a></li>
                        <li><a href="#">Both please.</a></li>
                    </ul>
                </li>
            </ul>
        </li>
        <li><a href="#">Lifestyle</a></li>
        <li><a href="#">News</a></li>
        <li><a href="#">Politics</a></li>
        <li><a href="#">Sports</a>
            <ul>
                <li><a href="#">Baseball</a></li>
                <li><a href="#">Basketball</a></li>
                <li><a href="#">Swimming</a>
                    <ul>
                        <li><a href="#">High School</a></li>
                        <li><a href="#">College</a></li>
                        <li><a href="#">Professional</a>
                            <ul>
                                <li><a href="#">Mens Swimming</a>
                                    <ul>
                                        <li><a href="#">News</a></li>
                                        <li><a href="#">Events</a></li>
                                        <li><a href="#">Awards</a></li>
                                        <li><a href="#">Schedule</a></li>
                                        <li><a href="#">Team Members</a></li>
                                        <li><a href="#">Fan Site</a></li>
                                    </ul>
                                </li>
                                <li><a href="#">Womens Swimming</a>
                                    <ul>
                                        <li><a href="#">News</a></li>
                                        <li><a href="#">Events</a></li>
                                        <li><a href="#">Awards</a></li>
                                        <li><a href="#">Schedule</a></li>
                                        <li><a href="#">Team Members</a></li>
                                        <li><a href="#">Fan Site</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </li>
                        <li><a href="#">Adult Recreational</a></li>
                        <li><a href="#">Youth Recreational</a></li>
                        <li><a href="#">Senior Recreational</a></li>
                    </ul>
                </li>
                <li><a href="#">Tennis</a></li>
                <li><a href="#">Ice Skating</a></li>
                <li><a href="#">Javascript Programming</a></li>
                <li><a href="#">Running</a></li>
                <li><a href="#">Walking</a></li>
            </ul>
        </li>
    </ul>
</body>
</html>
